import React from 'react'
import { StyleSheet, View } from 'react-native'
import about from '@/assets/mine/about.png'
import privacy from '@/assets/mine/privacy.png'
import vip_agreement from '@/assets/mine/vip_agreement.png'
import user_agreement from '@/assets/mine/user_agreement.png'
import globalStyles from '@/common/styles/globalStyles'
import IconTextButton from '@/components/IconTextButton'


export default function MineMenu() {
    return (
        <View style={[globalStyles.rowLine , globalStyles.jcSB , styles.menuLayout]}>
            <IconTextButton iconPath={about} buttonText='关于我们' />
            <IconTextButton iconPath={privacy} buttonText='隐私协议' />
            <IconTextButton iconPath={user_agreement} buttonText='用户协议' />
            <IconTextButton iconPath={vip_agreement} buttonText='会员协议' />
        </View>
    )
}
const styles = StyleSheet.create({
    menuLayout:{
        backgroundColor:"#fff",
        paddingHorizontal:12 ,
        paddingVertical:18,
        marginTop:16,
        borderRadius:16
    }
})